<style>
    .tabbar {
        width: 100%;
        height:40px;
        position:fixed;
        bottom:0;
        background:#F0F0F0;
        display:flex;
        flex-direction:row;
        border-top:1px #dddddd dashed;
    }
    .tabbar li {
        flex:1;
        display:flex;
        justify-content:center;
        align-items: center;
        font-size:15px;
        color:black;
        font-family: Georgia, 'Times New Roman', Times, serif;
        cursor: pointer;
    }
</style>
<ul class="tabbar">
    <li class="tabs">首页</li>
    <li class="tabs">分类</li>
    <li class="tabs">我的</li>
</ul>